<!DOCTYPE html>
<!-- saved from url=(0025)http://localhost:8080/add -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>vue-myblog</title>
  <style type="text/css">























</style><style type="text/css">
nav[data-v-34227ade]{
    background: crimson;
    padding: 30px 0;
    margin-bottom: 40px;
}
ul[data-v-34227ade]{
    list-style-type: none;
    text-align: center;
    margin: 0;
}
li[data-v-34227ade]{
    display: inline-block;
    margin: 0 10px;
}
a[data-v-34227ade]{
    color: #fff;
    text-decoration: none;
    padding: 12px;
    border-radius: 5px;
}
.router-link-active[data-v-34227ade]{
    background: rgba(255, 255, 255, 0.8);
    color: #444;
}
</style><style type="text/css">
#show-blogs[data-v-09c908c2]{
    margin: 0 auto;
    max-width: 800px;
}
.single-blog[data-v-09c908c2]{
    padding: 20px;
    margin: 20px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #eee;
    border:1px dotted #aaa;
}
#show-blogs a[data-v-09c908c2]{
    color:#444;
    text-decoration: none;
}
input[type="text"][data-v-09c908c2]{
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
</style><script type="text/javascript" charset="utf-8" src="./vue-myblog_files/0.939d759cef583eb4e1d5.hot-update.js"></script><script type="text/javascript" charset="utf-8" src="./vue-myblog_files/0.ffdd7067e485fc40043a.hot-update.js"></script><style type="text/css">
#add-blog *[data-v-6c562a91]{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#add-blog[data-v-6c562a91]{
    margin: 20px auto;
    max-width: 600px;
    padding: 20px;
}
label[data-v-6c562a91]{
    display: block;
    margin: 20px 0 10px;
}
input[type="text"][data-v-6c562a91],textarea[data-v-6c562a91],select[data-v-6c562a91]{
    display: block;
    width:100%;
    padding: 8px;
}
textarea[data-v-6c562a91]{
    height: 200px;
}
#checkboxes label[data-v-6c562a91]{
    display: inline-block;
    margin-top: 0;
}
#checkboxes label[data-v-6c562a91]{
    display: inline-block;
    margin-right: 10px;
}
button[data-v-6c562a91]{
    display: block;
    margin: 20px 0;
    background: #aba;
    color: #fff;
    border: 0;
    padding: 14px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
}
#preview[data-v-6c562a91]{
    padding: 10px 20px;
    border: 1px dotted #ccc;
    margin: 30px 0;
}
h3[data-v-6c562a91]{
    margin-top: 10px;
}
</style></head>
  <body>
    <div id="app"><nav data-v-34227ade=""><ul data-v-34227ade=""><li data-v-34227ade=""><a data-v-34227ade="" href="http://localhost:8080/" class="">博客</a> <a data-v-34227ade="" href="http://localhost:8080/add" class="router-link-exact-active router-link-active">写博客</a></li></ul></nav> <div data-v-6c562a91="" id="add-blog"><h2 data-v-6c562a91="">添加博客</h2> <form data-v-6c562a91=""><label data-v-6c562a91="">博客标题</label> <input data-v-6c562a91="" type="text" required="required"> <label data-v-6c562a91="">博客内容</label> <textarea data-v-6c562a91="" name="" id="" cols="30" rows="10"></textarea> <div data-v-6c562a91="" id="checkboxes"><label data-v-6c562a91="">Vue.js</label> <input data-v-6c562a91="" type="checkbox" value="Vue.js"> <label data-v-6c562a91="">Node.js</label> <input data-v-6c562a91="" type="checkbox" value="Node.js"> <label data-v-6c562a91="">React.js</label> <input data-v-6c562a91="" type="checkbox" value="React.js"> <label data-v-6c562a91="">Angular4</label> <input data-v-6c562a91="" type="checkbox" value="Angular4"></div> <label data-v-6c562a91="">作者</label> <select data-v-6c562a91=""><option data-v-6c562a91="">
              Awebone
          </option><option data-v-6c562a91="">
              Jly
          </option><option data-v-6c562a91="">
              Bb
          </option></select> <button data-v-6c562a91="">添加博客</button></form> <!----> <div data-v-6c562a91="" id="preview"><h3 data-v-6c562a91="">博客预览</h3> <p data-v-6c562a91="">博客标题</p> <p data-v-6c562a91="">博客内容</p> <p data-v-6c562a91=""></p> <p data-v-6c562a91="">博客分类</p> <ul data-v-6c562a91=""></ul> <p data-v-6c562a91="">作者</p> <p data-v-6c562a91=""></p></div></div></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="./vue-myblog_files/app.js"></script>

</body></html>